#footer {
	background-color: #336;
//  background-color: #e6e6e6;
	padding: 60px 0 50px 0;
	color:#adadbd;
	a {
		color:#adadbd;
	}
	ul {
		padding: 15px 0px;
		width:780px;
		// 440px/
		// _width:620px;
		// width: 566px\0;
		margin: 0px auto;
		li {
			height: 20px;
			a {
				font-size: 16px;
				line-height: 18px;				
			}
			display: inline;
			float: left;
			margin-right: 50px;
			&:last-child {
				margin-right: 0px;
			}
		}
	}
	.copyright {
		height: 20px;
		line-height: 18px;
		font-size: 14px;
		display: block;
		text-align: center;
		width: 100%;
		a {
			&:hover {
				color:#669;
			}
		}
	}
	.line {
		background-color:#adadbd;
		height: 1px;
		margin: 25px auto;
	}
}
@media screen and(max-width:600px){
	#footer {
		ul {
			width: 90%;
		}
		.line {
			display: none;
		}
		.copyright {
			display: none;
		}
	}
	#footer_icons {
		display: none;
	}
}
#footer_icons {
	// height: 55px;
	margin-top: 20px;
	// width: 450px;
	a {
		float: left;
		margin-left: 55px;
		height: 63px;
	}
	.icon1 {
		width: 113px;
		background: url(./footer.png) no-repeat 0px 0px;
		&:hover {
			background: url(./footer.png) no-repeat 0px -63px;
		}
	}
	.icon2 {
		height: 63px;
		width: 105px;
		background: url(./footer.png) no-repeat -113px 0px;
		&:hover {
			background: url(./footer.png) no-repeat -113px -63px;
		}
	}
	.icon3 {
		width: 193px;
		background: url(./footer.png) no-repeat -218px 0px;
		&:hover {
			background: url(./footer.png) no-repeat -218px -63px;
		}
	}
	.icon4 {
		width: 140px;
		background: url(./footer.png) no-repeat -411px 0px;
		&:hover {
			background: url(./footer.png) no-repeat -411px -63px;
		}
	}
	.icon5 {
		height: 63px;
		width: 105px;
		background: url(./qq.png) no-repeat 0px 0px;
		&:hover {
			background: url(./qq.png) no-repeat 0px -63px;
		}
	}
}